<%@page import="feedbox.Opinion"%>
<%@page import="feedbox.GetOpinionController"%>
<html>
<head>
<title>Página de avaliação</title>
<meta name="layout" content="main" />
<style type="text/css" media="screen">
#nav {
	margin-top: 20px;
	margin-left: 30px;
	width: 228px;
	float: left;
}

.homePagePanel * {
	margin: 0px;
}

.homePagePanel .panelBody ul {
	list-style-type: none;
	margin-bottom: 10px;
}

.homePagePanel .panelBody h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.homePagePanel .panelBody {
	background: url(images/leftnav_midstretch.png) repeat-y top;
	margin: 0px;
	padding: 15px;
}

.homePagePanel .panelBtm {
	background: url(images/leftnav_btm.png) no-repeat top;
	height: 20px;
	margin: 0px;
}

.homePagePanel .panelTop {
	background: url(images/leftnav_top.png) no-repeat top;
	height: 11px;
	margin: 0px;
}


h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.2em;
}

#pageBody {
	margin-left: 20px;
	margin-right: 20px;
}

.textArea {
	width: 350px;
	height: 75px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px #666;
	-moz-box-shadow: 1px 1px #666;
	-webkit-box-shadow: 1px 1px #666;
}

.labelForm {
	text-shadow: 1px 1px 1px #999;
	-moz-text-shadow: 1px 1px 1px #999;
	-webkit-text-shadow: 1px 1px 1px #999;
}

.divBtn:hover {
	
}

.nav a {
	border: 1px solid gray;
	padding: 2px;
	}
	.nav a:hover {
	text-decoration: overline;


</style>
</head>
<body>
	<div class="nav">	
	<a href="../">Controladores</a>
	</div>
	<div id="pageBody">
		<h1>Share your opinion about 180graus.com</h1>
		<g:form name="OpinionForm" method="POST" url="[action:'registerAddress', controller:'getOpinion']">
			<br />
			<br />
			<g:radioGroup name="nota" values="${Opinion.constraints.nota.inList}" labels="['ruim', 'regular', 'mediano', 'bom', 'ótimo']">
				<label>${it.radio}<g:message code=" - ${it.label}"/></label>
			</g:radioGroup>
			<br/>
			<br/>
			<label class="labelForm">Do que você gosta no layout atual do portal?</label> <br /> <br />
			<g:select name="meGusta.subject" from="${feedbox.Comment.constraints.subject.inList}" value="${commentInstance?.subject}" valueMessagePrefix="comment.subject"  />
			<br/>
			<br/>
			<textarea class="textArea" name="meGusta.comment" placeholder="Digite aqui seu comentário"></textarea>


			<br /> <br /> <label class="labelForm">O que você mudaria
				na nova versão do portal?</label> <br /> <br />
			<g:select name="noMeGusta.subject" from="${feedbox.Comment.constraints.subject.inList}" value="${commentInstance?.subject}" valueMessagePrefix="comment.subject"  />
			<br/>
			<br/>
			<textarea class="textArea" name="noMeGusta.comment" placeholder="Digite aqui seu comentário"></textarea>
			<br /> <br />
			
			<button class="divBtn" type="submit" >Send It!</button>

		</g:form>
		<br/>
		
	</div>
</body>
</html>
